<template>
	<view class="message">
		<!-- 导航栏 -->
		<view class="navigate" style="height: 90rpx;">
			<!-- 左边 -->
			<view class="biaoti">
				<text style="font-size: 20px; font-weight: bold;">消息</text>
			</view>
			<!-- 右边 -->
			<view class="button">
				<view class="sousuo">
					<u-icon size="20" name="search"></u-icon>
				</view>
				<view class="gengduo">
					<u-icon size="20" name="more-dot-fill"></u-icon>
				</view>
			</view>
		</view>
		<!-- 列表 -->
		<view class="list" @click="goRoom">
			<view class="head">
				<image src="http://cool.ldqc.xyz:7777/file/src/5c6e2c97-3114-4a88-9098-c2de4f148868.jpg" mode="widthFix"
					style="height: 100rpx;width: 100rpx;"></image>
			</view>
			<view style="flex-direction: column;">
				<view class="name-time">
					<text class="name">小黄约拍</text>
					<text class="time">14:59</text>
				</view>
				<text style="color:#a8a8a8;">[图片]亲，给个好评</text>
			</view>
		</view>
		<view style="height: 70px">
			<tabber_my :current="1"></tabber_my>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {
			goRoom() {
				uni.navigateTo({
					url: '../message/messageroom/messageroom'
				})
			}
		}
	}
</script>
<style>
	.navigate {
		background: #eeeeee;
		display: flex;
		justify-content: space-between;
		padding: 0 20px;
	}

	.biaoti {
		display: flex;
		align-items: center;

	}

	.button {
		display: flex;

	}

	.sousuo {
		height: 90rpx;
		width: 90rpx;
		padding: 0 15rpx;
		text-align: center;
		justify-items: center;
		padding: 10px 0;
	}

	.gengduo {
		height: 90rpx;
		width: 90rpx;
		padding: 0 15rpx;
		text-align: center;
		justify-items: center;
		padding: 10px 0;
	}

	/* 列表 */
	.list {
		display: flex;
		align-items: center;
		padding: 20rpx 20rpx 20rpx 0;
		border-style: solid;
		border-color: #eeeeee;
	}

	.head {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 145rpx;
		height: 135rpx;
	}

	.name-time {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 550rpx;
	}

	.name {
		font-size: 35rpx;
	}

	.time {
		font-size: 25rpx;
		color: #A8A8A8;
	}
</style>